<!DOCTYPE html>
<!--
 File:      preferences.html
 Author:    Henry Feild
 Date:      01-Apr-2011
 Purpose:   Provides a registration GUI for the user.

%%LICENSE%%
Version: %%VERSION%%
-->
<html>
<head>
    <link rel="shortcut icon" type="image/png"
        href="../css/img/crowdlogger-logo.001.16x16.png"/>
    <title>%%PROJECT_NAME%% Preferences Page</title>
    <link href="../css/dialog.css" rel="stylesheet" type="text/css">

    <!-- Load jQuery first. -->
    <script src="../js/external_lib/jquery.min.js"></script>
    
    <script src="../js/dialog.js"></script>
    <script src="../html-js/preferences.js"></script>

</head>
<body id="status_page_body">
<span class="hidden" id="init"></span>
<div class="bodyWrapper">

<!--     <div class="header">
        <div class="title"> 
            <span class="titleMain">Preferences Page</span><br>
            <span id="subtitle">
                <span class="titleSmall">for</span><br>
                <span class="titleSub">%%PROJECT_NAME%%</span>
                <br>
            </span>
        </div>
    </div>
     -->

    <div class="header">
        <div class="title with-logo"> 
            <span class="logo-version version titleSub">version %%VERSION%%</span>
            <img class="logo" src="../css/img/crowdlogger-logo.002.png"/>
            <span class="titleMain">Settings</span>
        </div>
    </div>


    <div style="clear: both;"></div>
    <div class="headerBuffer"></div>

    There are not many settings just yet. More will show up as we further develop %%PROJECT_NAME%%.

<!--
    <br/>
 
    <span class="note" name="required"><span name="required" class="required">*</span> denotes required fields.</span>
 -->
    <p>

    <span class="alertMessage hidden" id="missing_fields_alert">
        There are one or more required preferences that have not been set!
        Please set them and then click the save button at the bottom of the
        page.
        <p></p>
    </span>

    <form name="settings">

    <!--         
        <p>
            <h3>Search history</h3>
            How 
            On <input type="radio" name="dev_mode" data-type='bool' value="true"/> <br/>
            Off <input type="radio" name="dev_mode" data-type='bool' value="false" checked="checked"/> 

        </p>
    -->


        <!-- 
            Displays the repositories that the user has registered. Allows
            the user to add and remove repositories.    
        -->
        <div id="repositories">
            <h3>App/Study repositories</h3>
            Below are listed the repositories currently loaded.
            <div id="installed-repositories">
            </div>

            <p>
            </p>

            <div class="new-repository">
                <input class="url" type="text" name="repository-url" value=""/>
                <button class="add-repository">Add</button>
            </div>

            <div id="template-repository-entry" class="hidden repository">
                <div class="remove-repository-button-container">
                    &nbsp;
                    <button class="remove-repository confirm hidden"
                        ><sup>&times;</sup></button>
                </div>
                <span class="repository-name"></span> 
            </div>
        </div>

        <p>
        </p>

        <div>
            <h3>Developer mode</h3>
            Adds a link to the Welcome Wizard in the main menu and a link to developer tools in the "Tools" section of the status page.
            <p>
            On <input type="radio" name="dev_mode" value="true"/> <br/>
            Off <input type="radio" name="dev_mode" value="false" checked="checked"/> 
            </p>
        </div>

        <p>
        <span class="buttonGroup" id="save_button_panel">
            <button id="save_button">Save</button>
            <button id="save_and_close_button"
                >Save and close</button>
        </span>
        <span id="saved" style="color: green; display: none">Saved.</span>
        </p>
    </form>

    <div class="buffer">
    </div>
        
    <div class="footer" >
        <div class="copyright">
        %%LICENSE_WEB%%
        </div>
    </div>
</div>
<div class="emptyFooter">
</div>
</body>
</html>
